// 输入框
$text-input-highlight-color-valid:none;
$text-input-highlight-color-invalid:none;
$text-input-wp-highlight-color-valid:none;
$text-input-md-highlight-color:none;
$text-input-md-highlight-color-valid:none;

$button-ios-height:auto;
$button-wp-height:auto;
$button-md-height:auto;

$select-ios-icon-color:#666;
$select-md-icon-color:#666;
$select-wp-icon-color:#666;
// 导航
$toolbar-ios-title-text-color:#666;
$toolbar-md-title-text-color:#666;
$toolbar-wp-title-text-color:#666;
$toolbar-ios-title-font-weight: 400;
$toolbar-ios-button-color:#666;
$toolbar-md-button-color:#666;
$toolbar-wp-button-color:#666;
$toolbar-ios-button-strong-font-weight: 400;
$toolbar-wp-button-strong-font-weight: 400;
$toolbar-md-button-strong-font-weight: 400;

$navbar-md-height:4.4rem;
$navbar-wp-height: 4.4rem;
$navbar-ios-height: 4.4rem;
$toolbar-order-ios:( back-button: 0, menu-toggle-start: 1, buttons-left: 2, buttons-start: 3, content: 4, buttons-end: 5, buttons-right: 6, menu-toggle-end: 7, );
$toolbar-order-md:( back-button: 0, menu-toggle-start: 1, buttons-left: 2, buttons-start: 3, content: 4, buttons-end: 5, buttons-right: 6, menu-toggle-end: 7, );
$toolbar-order-wp:( back-button: 0, menu-toggle-start: 1, buttons-left: 2, buttons-start: 3, content: 4, buttons-end: 5, buttons-right: 6, menu-toggle-end: 7, );
$toolbar-ios-title-text-align: center;
$toolbar-md-title-text-align: center;
$toolbar-wp-title-text-align: center;
// 选项卡
$tabs-ios-tab-min-height: 5rem;
$tabs-wp-tab-min-height: 5rem;
$tabs-md-tab-min-height: 5rem;
$tabs-ios-tab-icon-size:1.5rem;
$tabs-wp-tab-icon-size:1.5rem;
$tabs-md-tab-icon-size:1.5rem;
// $checkbox-ios-icon-size:0.5rem;
// $checkbox-wp-icon-size:0.5rem;
// $checkbox-md-icon-size:0.5rem;

$toggle-ios-height:20px;
$toggle-ios-width:40px;
//单元格
$item-md-detail-push-show: true;
// 自定义
$font-color:#999999;
$font-text-color: #666666;
$background-color:#F2F2F2;
$active-color: #4885ED;
// segement
$segment-button-ios-height: 3.2rem;
$segment-button-md-height: 3.2rem;
$segment-button-wp-height: 3.2rem;
$segment-button-ios-border-radius: 1.6rem;
$segment-button-ios-border-radius: 1.6rem;
$segment-button-ios-border-radius: 1.6rem;
@mixin bordor-radius ($mite) {
    
    -webkit-border-radius:$mite;     
    -moz-border-radius:$mite;
    border-radius:$mite;
}
@mixin flex ($res) {
    display: flex;
    display: -webkit-flex;
    justify-content: $res;
}
@mixin box-area ($size,$type) {
    width: $size;
    height: $size;
    line-height: $size;
    text-align: $type;
}
*{
    font-family: PingFangSC-Regular;
}
button{
    text-transform: none !important;
}
.header-md ion-buttons.bar-buttons.bar-buttons-md:nth-of-type(1) {
    position: absolute;
}
.header-md ion-buttons.bar-buttons.bar-buttons-md:nth-of-type(2) {
    position: absolute;
    right: 10px;
}
.toolbar-content.toolbar-content-md {
    text-align: center;
}
// 表单组建，ion-item重构
.hc-ion-item{
    border: none;
    padding: 0 !important;
    margin-top:1.6rem;
    position: relative;
    input,textarea{
        border: solid 1px #CCCCCC;
        margin: 0;
        @include bordor-radius (3px);
        padding: 0.5rem 1rem;
        width: 100%;
    }
    ion-textarea{
        font-size: 1.2rem;
    }
    .place{
        position: absolute;
        display: block;
        top: 0;
        left: 0;
        padding: 0.5rem 1rem;
        color: #999;
        margin: 2px;
        i{
            color: red;
        }
    }
}
.hc-ion-select{
    @include flex(space-between);
    padding: 0 !important;
    border-bottom: solid 1px #E6E6E6;
    .label{
        color:#333;
        font-size: 1.2rem;
    }
    button{
        padding: 0;
    }
    .select{
        color:$font-text-color;
        font-size: 1.2rem;
    }
}

.content-md{
    background: $background-color !important;
}
.bd{
    background: $background-color !important;
}
html button,html input,html span,html font{
    font-size: 1.2rem;
}
.light{
    background: #ffffff;
}
.header-md::after{
    display: none;
}
//弹框样式修改
.alert-ios .alert-title {
    font-weight: normal !important;
}
.alert-ios .alert-input {
    border: 0 !important; 
    background-color: #e2e2e2 !important;
    padding: 12px 6px !important;
    margin: 0 !important;
}
.alert-ios .alert-button:last-child {
    font-weight: normal !important;
}
//基础
.img-container{
    position: relative;
    overflow: hidden;
    img{
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        width: 100%;
    }
}
.picker-ios .picker-opt{
    font-weight: 300;
}
.button-inner{
    font-weight: 400;
}
.select-ios .select-icon .select-icon-inner{
    border: 0 !important;
}
.select-ios .select-icon {
    font-family: "iconfont";
    font-size: 8px;
    
}
.select-ios .select-icon:before{
    display: inline-block;
    margin-left: 3px;
    vertical-align: middle;
    margin-top: 5px;
    content: "\e65e";
}
.item-ios.item-block .item-inner{
    border-color: #E6E6E6 !important;
}
.tabs-ios-light .tabbar{
    box-shadow: 0 -1px 2px #eee;
}